/*导入iconfont文件*/
@font-face {font-family: "iconfont";
        src:url('../fonts/iconfont.ttf') format('truetype'); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    }
.iconfont{
    font-family:"iconfont" !important;
    font-size:20px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

i{
	font-style: normal;
	font-size: 13px;
}

ul{
	padding: 0;
}

li{
	list-style: none;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.cl{
	clear: both;
}
 /*背景颜色标准*/
.bg_white{
	background: #FFFFFF;
}

.bg_gray{
	background: #E7E7E7;
}
/*字体标准*/
* {
	font-family: "microsoft yahei";
}

/*字体大小标准*/
.text_title{
	font-size: 18px!important;
}

.text_subtitle{
	font-size: 17px!important;	
}

.text_main{
	font-size: 14px!important;
}

.text_submain{
	font-size: 13px!important;
}

.text_note{
	font-size: 12px!important;
}

.text_subnote{
	font-size: 11px!important;
}

/*字体颜色标准*/
.label-title{
	color: #4c566c;
}
.label-time{
	float: right;
	line-height:38px ;
}


/*文本隐藏标准*/
.text_hid{	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/*卡片式内部样式*/
.card_username{
	color: #4c566c;
	display: inline-block;
	max-width: 8em;
	height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.card_title{
	color: #4c566c;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.card-topic-title{
	color: #4c566c;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.card_content_attr{
	background: #F9F9F9;
	color: #4c566c;
	padding:3px 0 3px 10px;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.comment_content_attr{
	color: #4c566c;
	padding:3px 0 3px 10px;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.card_note-fl{
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	color: #9596ab;
}
.card_note-fr{
	float: right;
	margin-top: 5px;
	color: #9596ab;
}

.card_label-fl{
	display: inline-block;
	width: 50%;
	float: left;
	color: #9596ab;
	text-align: center;
}
.card_label-fr{
	display: inline-block;
	width: 50%;
	float: right;
	color: #9596ab;
	text-align: center;
}

/*图标标准*/
.i_label{
	font-size: 30px!important;
 	line-height: 40px;
 	margin-right: 10px;
}

.i_label_big{
	font-size: 30px!important;
}

.i_label_little{ 
	font-size: 20px!important;
}

 /*搜索框标准*/
.mui-search{
	background: #FFFFFF;
	vertical-align: middle;
}

.mui-search input[type=search] {
	
}

 /*mui更改样式*/	    
.mui-control-item{
	color: #999999!important;
}

.mui-active{
	color:#0072dc!important;
	font-size: 16px;
}

.tab-header{
}

 /*badge更改样式*/
.mui-badge {
	display:inline-block;
	width: 10px;
	height: 10px;
	padding: 0!important;
	margin-left: -6px!important;
}

/*消息提醒蓝色*/
.mui-badge-number{
	display: inline-block;
	font-size: 10px;
    position: relative;
    text-align: center;
    line-height: 18px;
    width: 25px;
    height: 15px;
    color: #FFFFFF;
    background: #0084ff;
    border-radius: 15px;
}

/*消息提醒红色*/
.mui-badge-number-red{
	display: inline-block;
	font-size: 10px;
    position: relative;
    text-align: center;
    line-height: 18px;
    width: 25px;
    height: 15px;
    color: #FFFFFF;
    background: #f25824;
    border-radius: 15px;
}

/*消息提醒垂直居中*/
.mui-pull-right.mui-badge-number-red{
	margin-top: 14px;
}

.label-title-middle{
	color: #4c566c;
	line-height: 45px;
}

 /*img样式*/
.circle-img{
	border: none;
	width: 45px!important;
	height: 45px;
	border-radius: 50%;
	background: #333333;
	margin-right: 10px;
}

 /*badge更改样式*/
.btn-follow{
	padding: 2px 8px;
	background-clip:border-box;
	border-radius: 5px;
	line-height: 18px;
}
.btn-follow-rec{
	padding: 2px 8px;
	background-clip: border-box;
/* border-radius: 5px; */
	line-height: 18px;
}
 /*button更改样式*/
.btn_area i{
	font-size: 20px;
}
.btn-standard-fl{
	float: left;
	margin-left: 60px;
	margin-top: 10px;	
	width:100px;
	height: 30px;
	background: #53a8f6;
	color: #FFFFFF;
	padding: 2px 5px;
	text-align: center;
}

.btn-standard-fr{
	float: right;
	margin-right: 60px;	
	margin-top: 10px;	
	width:100px;
	height: 30px;
	background: #53a8f6;
	color: #FFFFFF;
	padding: 2px 5px;
	text-align: center;
}

.btn-top{
	padding: 2px 8px;
	margin-right: 15px;
	background:#0084FF;
	color: #FFFFFF;
}

.btn-collect{
	font-size: 12px;
	width: 65px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	background: #C5C5DA;
	color: #333333;
	float: right;
	margin-right: 20px;
}

.btn-comment{
	font-size: 12px;
	width: 65px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	background: #0084FF;
	color: #FFFFFF;
	float: right;
}

 /*icon更改样式*/
.praise{
	color: #ABABAB;
}

.comment{
	color:#ABABAB;;
}

.date{
	color:#ABABAB;
	font-size: 12px;
}

/*引自李勇的XY.css*/
#user-head {border-radius: 50%;width: 60px;height: 60px;max-width: 60px;}
#user-name {margin:20px;display: block;color: #999999;}

.mine-fontset {
	margin-left:30px;font-size:16px;color: #999999;height: 40px;
}

.a .mine-iconset {
	color:#666666;font-size:18px ;line-height: 22px;margin-left: 10px;
}
.mui-title{
    		color: #FFFFFF;font-size: 18px;
    	}
.mui-pull-left {
	color: #FFFFFF;
}
.mui-media-body {
	width: 100px;
    margin:10px 80px;line-height:20px;
}
.mui-badge {
	display:inline-block;
	width: 10px;
	height: 10px;
	padding: 0!important;
	margin-left: -6px!important;
}
.mui-username {
	color: #666666;font-size: 18px;
}
.mui-navigate-right.mui-icon.iconfont {
	color:#999999;font-size:18px ;line-height: 22px;margin-left: 5px;
}
.mui-btn.main-btn-block {
	background: #0072DC;width: 260px;margin-left: 10px;
}

.mui-media-object.mui-pull-left.followpeople-head {
	border-radius: 50%;width: 35px;height: 35px;max-width: 35px;
	margin-left: 5px;
}
.followpeople-shotintro {
	width: 16em;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    
}
